.pointer{
  cursor: pointer;
}
.margin-left-6 {margin-left: 6px;}
.font-purple {color: #A539B9;}
.font-star {color: #43cee6 !important; }
.font-tag {color: #43cee6 !important; }
.padding-5-30{padding:5px 30px;}
.fn-tag-move{margin:4px 6px; cursor: pointer;}
.err_msg{font-size:13px; color: red;}

header {
  background: #212121;
  background: -moz-linear-gradient(top, #373737, #212121);
  background: -webkit-linear-gradient(top, #373737, #212121);
  background: -ms-linear-gradient(top, #373737, #212121);
  background: -o-linear-gradient(top, #373737, #212121);
  background: linear-gradient(top, #373737, #212121);
  color: #fff;
}

header .container {
  position: relative;
  padding: 50px 10px 30px 10px;
}

#project_title {
  font-size: 42px;
  font-weight: 700;
  text-shadow: #111 0px 0px 10px;
}
#project_tagline {
  font-size: 24px;
  font-weight: 300;
  background: none;
  text-shadow: #111 0px 0px 10px;
}

#downloads {
  position: absolute;
  width: 120px;
  z-index: 10;
  bottom: -40px;
  right: 0;
  height: 70px;
  background: url('../images/icon_download.png') no-repeat 0% 90%;
}

.zip_download_link {
  display: block;
  float: right;
  width: 90px;
  height:70px;
  text-indent: -5000px;
  overflow: hidden;
  background: url('../images/sprite_download.png') no-repeat bottom left;
}
.zip_download_link:hover {
  background: url('../images/sprite_download.png') no-repeat top left;
}


/***
Tasks Widget
***/

.tasks-widget .task-content:after {
  clear: both;
}

.tasks-widget .task-footer  { 
  margin-top: 5px;
}

.tasks-widget .task-footer:after,
.tasks-widget .task-footer:before {
  content: "";
  display: table;
  line-height: 0;
}

.tasks-widget .task-footer:after {
  clear: both;
}

.tasks-widget  .task-list {
  list-style: none;
  padding:0;
  margin:0;
}

.tasks-widget .task-list > li {
  position:relative;
  padding:18px 5px;
  border-bottom:1px solid #eaeaea;
}

.tasks-widget .task-list  li.last-line {
  border-bottom:none;
}

.tasks-widget .task-list  li > .task-bell  {
  margin-left:10px;
}

.tasks-widget .task-list  li > .task-checkbox {
  float:left;
  width:30px;
}

.tasks-widget .task-list  li > .task-title  {
  margin-right:10px;
}

.tasks-widget .task-list  li > .task-config {
  position:absolute;
  top:10px;
  right:10px;
}

.tasks-widget .task-list  li .task-title .task-title-sp  {
  margin-right:5px;
}

.tasks-widget .task-list  li.task-done .task-title-sp  {
  text-decoration:line-through;
}

.tasks-widget .task-list  li.task-done  {
  background:#f6f6f6;
}

.tasks-widget .task-list  li.task-done:hover {
  background:#f4f4f4;
}

.tasks-widget .task-list  li:hover  {
  background:#f9f9f9;
}

.tasks-widget .task-list  li .task-config {
  display:none;
}

.tasks-widget .task-list  li:hover > .task-config {
  display:block;
  margin-bottom:0 !important;
}

.tasks-widget .task-config-btn {
  margin-top: -1px;
}

@media only screen and (max-width: 480px) {

  .tasks-widget .task-config-btn {
    float:inherit;
    display:block;
  }
  
  .tasks-widget .task-list-projects li > .label {
    margin-bottom:5px;
  }

}


.tasks-widget .task-list  li,
.tasks-widget .task-list  li:hover,
.tasks-widget .task-list  li.task-draft,
.tasks-widget .task-list  li.task-draft:hover,
.tasks-widget .task-list  li.task-scheduled,
.tasks-widget .task-list  li.task-scheduled:hover,
.tasks-widget .task-list  li.task-done,
.tasks-widget .task-list  li.task-done:hover,
.tasks-widget .task-list  li.task-expired,
.tasks-widget .task-list  li.task-expired:hover
{
  background-image: url("../images/bg-list-status.gif");
  background-repeat: no-repeat;
}
.tasks-widget .task-list  li,
.tasks-widget .task-list  li:hover
{background-position:0 0;}
.tasks-widget .task-list  li.task-draft,
.tasks-widget .task-list  li.task-draft:hover
{background-position:0 -200px;}
.tasks-widget .task-list  li.task-scheduled,
.tasks-widget .task-list  li.task-scheduled:hover
{background-position:0 -400px;}
.tasks-widget .task-list  li.task-done,
.tasks-widget .task-list  li.task-done:hover
{background-position:0 -600px;}
.tasks-widget .task-list  li.task-expired,
.tasks-widget .task-list  li.task-expired:hover
{background-position:0 -800px;}


.tasks-widget .task-list  li .task-action {
  float: right;
  margin-top: -20px;
  margin-right: 45px;
}


.tasks-widget .task-list  li .task-title .task-star i{  
  color: #b5c1c9; 
  cursor: pointer;
}
 

 .nav > li > a .title {
  padding: 0 6px;
}
 .nav > li.active > a .selected {
  display: block;
  width: 8px;
  height: 25px;
  background-image: url("../images/sidebar-menu-arrow.png");
  float: right;
  position: absolute;
  right:0px;
  top:8px;
}

.badge-default,
.label-default  {
  background-color: #999 !important;
}

.badge-primary,
.label-primary {
  background-color: #428bca !important;
}

.label-success, 
.badge-success {
  background-color: #3cc051 !important;
  background-image: none !important;
}

.label-warning, 
.badge-warning {
  background-color: #fcb322 !important;
  background-image: none !important;
}

.label-danger, 
.badge-danger {
  background-color: #ed4e2a !important;
  background-image: none !important;
}

.label-info, 
.badge-info {
  background-color: #57b5e3 !important;
  background-image: none !important;
}

.item-input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0;
  -moz-box-flex: 1;
  -moz-flex: 1 0;
  -ms-flex: 1 0;
  flex: 1 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-right: 8px;
  padding-left: 8px;
  background: #eee; }
.item-input-inset .item-input-wrapper input {
  padding-left: 4px;
  height: 29px;
  background: transparent;
  line-height: 18px; }

.item-input-wrapper ~ .button {
  margin-left: 10.66667px; }



.line_color .checkbox-inline{
  margin-left:5px;
}
.label_color {
  padding-left: 0px;
}
.color-choose{
  width: 32px; 
  height: 32px; 
  display: inline-block; 
  color: #fff;
  font-size: 18px;
  padding-top: 5px;
  padding-left: 7px;
  border-radius: 4px;
}


/***
Bootstrap Colorpicker
***/
.input-group.color .input-group-btn i {
  position: absolute;
  display: block;
  cursor: pointer;
  width: 21px;
  height: 21px;
  right: 3px;
} 

.colorpicker.dropdown-menu {
  padding: 5px;
}

/* change z-index when opened in modal */
.modal-open .colorpicker {
  z-index: 10055 !important;
}
